<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title>个人中心</title>
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover" />
	<link href="css/mui.min.css" rel="stylesheet" />
	<link rel="stylesheet" type="text/css" href="css/mess.css"/>
	<link rel="stylesheet" type="text/css" href="css/person.css"/>
</head>
<body>
	<header class="mui-bar mui-bar-nav gradient" style="position: fixed;height: 64px !important;">
		<div style="height: 20px;"></div>
		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		<h1 class="mui-title">个人中心</h1>
	</header>
	<div class="mui-content" style="padding-top: 64px;" id="app">
		<div class="mainColor">
			<ul class="mui-table-view">
					<li class="mui-table-view-cell mui-input-row">
						<label>真实姓名</label>
						<input type="text" class="info_name" v-model="obj.UserName" disabled="disabled">
					</li>
					<li class="mui-table-view-cell mui-input-row" style="position:relative">
						<label>所在地区</label>
						<input type="text" class="info_pace" v-model="obj.Area" disabled="disabled">
					</li>
					<li class="mui-table-view-cell mui-input-row">
						<label>详细地址</label>
						<input type="text" class="info_address" v-model="obj.Address" disabled="disabled">
					</li>
			</ul>
			<ul class="mui-table-view">
					<li class="mui-table-view-cell mui-input-row">
						<label>身份证号</label>
						<input type="text" v-model="obj.Card" disabled="disabled">
					</li>
					<li class="mui-table-view-cell mui-input-row">
						<label>邮箱地址</label>
						<input type="text" class="info_email"  v-model="obj.Email" disabled="disabled">
					</li>
			</ul>
			<ul class="mui-table-view">
					<li class="mui-table-view-cell mui-input-row">
						<label>所在单位</label>
						<input type="text" class="info_company" v-model="obj.Company" disabled="disabled">
					</li>
					<li class="mui-table-view-cell mui-input-row">
						<label>职<b class="post info_post"></b>务</label>
						<input type="text" v-model="obj.Duties" disabled="disabled">
					</li>
			</ul>
		</div>
	</div>
	<script src="js/mui.min.js"></script>
	<script src="js/jquery.js"></script>
	<script src="js/vue.min.js"></script>
	<script type="text/javascript">
		var app=new Vue({
			el:"#app",
			data:{
				url:"http://112.54.80.235:8038",
				obj:{}
			},
			mounted:function(){
				var _this=this;
				mui.init();
				mui.plusReady(function () {
				    var phone=localStorage.getItem("user_phone") 
					 console.log(phone);
				    $.ajax({
				    	type: 'post',
				    	url: _this.url+'/actionapi/Users/GetYongHu?phoneS='+phone,
				    	data: {},
				    	success: function(data) {
							console.log(JSON.stringify(data))
							if(data.Code==1){
								_this.obj=data.userinfo;
							}
				    	},
				    	error: function(XMLHttpRequest, textStatus, errorThrown) {
							console.log(JSON.stringify(XMLHttpRequest));
							mui.toast("GetYongHu接口连接失败！")
				    	}
				    })
				})
			}
		})
	</script>
</body>
</html>
